<?php
$this->pageTitle = 'Tour';
Yii::app()->clientScript->registerScriptFile('/js/jquery.tools/jquery.tools.min.js');
Yii::app()->clientScript->registerScriptFile('/js/jquery.easing.1.3.js');
?>
<div id="tour" class="bg-sky">
    <div class="container_12 relative">
        <div id="tour-menu">
            <div class="title">Take a tour of PropSage</div>
            <ul>
                <li class="tour-menu-icon moresales">
                    <a href="#moresales">
                        More Sales<br/>
                        <span>PropSage helps you engage clients of different ethnic groups as well as existing ones.</span>
                    </a>
                </li>
                <li class="tour-menu-icon buildrapport">
                    <a href="#buildrapport">
                        Build Rapport<br/>
                        <span>Impress your clients with your superb memory and spend less time on administrative tasks.</span>
                    </a>
                </li>
                <li class="tour-menu-icon getorganized">
                    <a href="#getorganized">
                        Get Organized<br/>
                        <span>Track case progress and set email reminders so you can close cases faster.</span>
                    </a>
                </li>
                <li class="tour-menu-icon stayconnected">
                    <a href="#stayconnected">
                        Stay Connected<br/>
                        <span>Don't have your laptop handy? No Problem. Work anywhere, and anytime with PropSage.</span>
                    </a>
                </li>
                <li class="tour-menu-icon reducedisputes">
                    <a href="#reducedisputes">
                        Reduce Disputes<br/>
                        <span>Avoid costly legal fees and disputes with clients.</span>
                    </a>
                </li>
                <li class="tour-menu-icon lotsmore">
                    <a href="#lotsmore">
                        Lots More<br/>
                        <span>Personalise your profile, remind clients automatically, track your ads and more. </span>
                    </a>
                </li>
            </ul>
        </div>
        <div id="tour-scroller">
            <div class="items">
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left" alt="Get More Sales" src="/images/home/tour/more_sales2.png" width="250" />
                        </div>

                        <h2>Reach more clients with PropSage.</h2>
                        <p>Sales is the lifeblood for any real estate agent. PropSage SMS Advertising is a cost-effective, and powerful way to reach your clients.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/sms-advert.png" />
                            <h3>Advertise your property via SMS.</h3>
                            <p>SMS Advertising has never been easier and cost-effective with PropSage Ads! For as low as <strong><u>$0.04 per SMS</u></strong>, you can schedule and send thousands of guideline-compliant SMS Ads to your clients, instantly!</p>                            
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/calendar-lease-ending.png" />
                            <h3>Never miss another lease renewal.</h3>
                            <p>PropSage Calendar reminds you automatically when it's time for you to go to your existing clients about renewing their leases. Never miss renewal business opportunities again.</p>
                        </div>
                    </div>
                </div>
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left" alt="Build Rapport" src="/images/home/tour/build_rapport2.png" width="250" />
                        </div>                            
                        <h2>Spend more time building rapport with your clients.</h2>
                        <p>Facetime with your clients is a limited valuable resource, that's why our automated systems support you by letting you focus on the important things like getting to know them and better understand their needs.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/contacts-more-details.png">
                            <h3>Wow your clients with your 'flawless' memory.</h3>
                            <p>PropSage's Contacts lets you to store more than just your client's contact information. Imagine your client's surprise when you send them an automated and personalized birthday greeting, exactly on the same time, every year!</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/case-details-tabs.png">
                            <h3>Spending less time on administrative tasks.</h3>
                            <p>Administrative work is now a breeze. With PropSage's support, you may never need to go back to the office ever again. Get everything you need. Right here and now.</p>
                        </div>
                    </div>
                </div>
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left" alt="Get Organized" src="/images/home/tour/get_organized3.png" width="250" />
                        </div>                            
                        <h2>Track progress, set<br/>reminders and get things done on time.</h2>
                        <p>PropSage case management, calendar and automatic reminders help you track property cases and close cases quicker than ever before.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/track-progress.png" />
                            <h3>Track the progress of all your property cases.</h3>
                            <p>A progress bar tracks your cases with real-time email updates, so you know exactly when to reach out to your clients.</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/search-cases.png" />
                            <h3>Search property cases easily.</h3>
                            <p>Looking for property cases has never been easier. Quickly find existing property cases using client name, mobile number and more. No more fumbling through paperwork.</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/calendar-closeup-1.png">
                            <h3>Schedule appointments and set automatic reminders.</h3>
                            <p>Too many appointments to reschedule? PropSage makes it easy and painless to quickly check your schedules and setup SMS and email reminders for both you and your clients.</p>
                        </div>
                    </div>
                </div>
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left" alt="Stay Connected" src="/images/home/tour/stay_connected2.png" width="250" />
                        </div>                            
                        <h2>Manage your property cases on the go. Anytime. Anywhere.</h2>
                        <p>With PropSage, its easy to get more done out of the office.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/smartphones.png" />
                            <h3>Works on various mobile devices.</h3>
                            <p>PropSage is designed especially for popular mobile devices like iPhone, iPad and Andriod. No apps required! Just visit <strong>propsage.com</strong> on your mobile device's browser... and you're good to go!</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/calendar-sync.png">
                            <h3>Keep your calendar events<br/>in sync.</h3>
                            <p>You can also synchronize the PropSage Calendar with your existing calendars like the iPhone/Andriod Calendar, Mozilla Thunderbird, and many more! No need to set it twice!</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/web-based.png">
                            <h3>Web-based and always available.</h3>
                            <p>Because PropSage is Web-based application, you can access your property cases from anywhere in the world - as long as you have an internet connection.</p>
                        </div>
                    </div>
                </div>
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left"  alt="Reduce Disputes" src="/images/home/reduced_disputes.png" width="250" />
                        </div>                            
                        <h2>Be on the same page as your clients.</h2>
                        <p>Explain complex legal terms with ease. Give your clients an added sense of security by guiding them on what they can expect of your services.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/prefilling.png">
                            <h3>Pre-filling of Forms and Documents</h3>
                            <p>Avoid illegible handwriting with PropSage's powerful form filler. Create a pre-filled forms and documents that are customized to your agency needs in minutes by entering the necessary details. It even has clearly marked places for signatures!</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/error-checking.png">
                            <h3>Fewer mistakes, less rework</h3>
                            <p>PropSage automatically checks the data you entered for errors, saving you from the hassle of re-filling in your forms and documents.</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/audit-trail.png">
                            <h3>Audit Trail.</h3>
                            <p>Every time your client finishes watching a video explanation, the date and time are recorded by the system and you are automatically notified.</p>
                        </div>
                    </div>
                </div>
                <div class="tour-page">
                    <div class="tour-page-title clearfix">
                        <div class="tour-page-title-img">
                            <img align="left"  alt="Lots More" src="/images/home/tour/wizard-with-shadow3.png" width="250" />
                        </div>                            
                        <h2>From contacts to client reminders, PropSage grows with you.</h2>
                        <p>PropSage combines advanced workflows and high technology to give you scalability and support at every level of your business.</p>
                    </div>
                    <div class="tour-page-content">
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/personalize.png">
                            <h3>Add a Touch of Personality.</h3>
                            <p>It is always easier to remember a friendly face. Add a profile picture and help your clients identify with you better.</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="left" src="/images/home/tour/remind-client-and-me.png" />
                            <h3>Reduce no-show appointments.</h3>
                            <p>Remind your clients automatically ahead of time using PropSage SMS Reminders, and reduce the chance of clients not showing up.</p>
                        </div>
                        <div class="tour-page-feature clearfix">
                            <img border="0" width="380" class="right" src="/images/home/tour/track-adverts.png">
                            <h3>Track your advertisements.</h3>
                            <p>Add notes and advertisement deadlines to the PropSage Calendar, so you'll know when to repost your advertisements.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        $('#tour-menu a').click(function(e){
//            e.preventDefault();
        });
        
        
        $("#tour-scroller").scrollable({
            circular: false
        }).navigator({
            navi: "#tour-menu ul",
            activeClass: 'current'
        });
        
        
        
        $("#tour-menu ul li").each(function(){
            $(this).removeClass('current');
        });
        
        if (location.hash != '') {
            var anchor = '#tour-menu li.' + location.hash.substring(1);
            
            $(anchor).click();
        } else {
            $("#tour-menu ul li:first").click();
        }
    });
</script>